import React, {Component} from 'react';
import {action, observer, inject} from 'mobx-react';
import styles from './index.less';
//实例
class FrontEndMachine extends Component {
  handleClick(code) {
    const {onClick} = this.props;
    onClick && onClick(code);
  }
  render() {
    const {width, height, style, className} = this.props;
    return (
      <svg
        onClick={this.handleClick.bind(this, 3)}
        className={className}
        style={style}
        viewBox="0 0 1026 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        width={width ? width : 100}
        height={height ? height : 100}>
        <path
          d="M13.70123 475c7.5 0 13.7-6.2 13.7-13.7v-13.7c0-7.5-6.2-13.7-13.7-13.7s-13.7 6.2-13.7 13.7v13.7c0 7.6 6.2 13.7 13.7 13.7z m0 68.6c7.5 0 13.7-6.2 13.7-13.7v-13.7c0-7.5-6.2-13.7-13.7-13.7s-13.7 6.2-13.7 13.7v13.7c0 7.5 6.2 13.7 13.7 13.7z m0 137.2c7.5 0 13.7-6.2 13.7-13.7v-13.7c0-7.5-6.2-13.7-13.7-13.7s-13.7 6.2-13.7 13.7V667c0 7.6 6.2 13.8 13.7 13.8z m0-68.6c7.5 0 13.7-6.2 13.7-13.7v-13.7c0-7.5-6.2-13.7-13.7-13.7s-13.7 6.2-13.7 13.7v13.7c0 7.5 6.2 13.7 13.7 13.7z m0-342.9c7.5 0 13.7-6.2 13.7-13.7v-13.7c0-7.5-6.2-13.7-13.7-13.7s-13.7 6.2-13.7 13.7v13.7c0 7.5 6.2 13.7 13.7 13.7z m0 68.6c7.5 0 13.7-6.2 13.7-13.7v-13.7c0-7.5-6.2-13.7-13.7-13.7S0.00123 303 0.00123 310.5v13.7c0 7.5 6.2 13.7 13.7 13.7zM13.50123 200.7h0.3c7.4 0 13.6-6 13.7-13.4 0-3.6 0.5-7.3 1.4-10.7 1.8-7.4-2.9-14.8-10.3-16.5-7.4-1.8-14.8 2.9-16.5 10.3-1.2 5.3-1.9 10.8-2.1 16.5-0.1 7.5 5.9 13.7 13.5 13.8z m0.2 548.6c7.5 0 13.7-6.2 13.7-13.7v-13.7c0-7.5-6.2-13.7-13.7-13.7s-13.7 6.2-13.7 13.7v13.7c0 7.6 6.2 13.7 13.7 13.7z m0-342.8c7.5 0 13.7-6.2 13.7-13.7V379c0-7.5-6.2-13.7-13.7-13.7S0.00123 371.5 0.00123 379v13.7c0 7.6 6.2 13.8 13.7 13.8z m0 411.4c7.5 0 13.7-6.2 13.7-13.7v-13.7c0-7.5-6.2-13.7-13.7-13.7S0.00123 783 0.00123 790.5v13.7c0 7.5 6.2 13.7 13.7 13.7zM127.60123 106h-13.7c-7.5 0-13.7 6.2-13.7 13.7s6.2 13.7 13.7 13.7h13.7c7.5 0 13.7-6.2 13.7-13.7 0-7.6-6.2-13.7-13.7-13.7z m62.6 812.6H176.50123c-7.5 0-13.7 6.2-13.7 13.7S169.00123 946 176.50123 946h13.7c7.5 0 13.7-6.2 13.7-13.7 0.1-7.6-6.1-13.7-13.7-13.7z m-68.5 0h-13.7c-7.5 0-13.7 6.2-13.7 13.7S100.50123 946 108.00123 946h13.7c7.5 0 13.7-6.2 13.7-13.7 0-7.6-6.2-13.7-13.7-13.7z m-67-806.9c-5.1 1.9-10 4.3-14.5 7.1-6.4 4-8.5 12.3-4.7 18.8 2.6 4.3 7.1 6.6 11.8 6.6 2.5 0 4.9-0.7 7.1-1.9 3.2-1.9 6.6-3.6 10-4.9 7.1-2.6 10.7-10.6 8-17.7-2.7-7-10.7-10.6-17.7-8z m-27.3 752V859c0-7.5-6.2-13.7-13.7-13.7S0.00123 851.5 0.00123 859v4.7c0 3.7 0.3 7.4 0.8 11 1 6.9 6.9 11.8 13.6 11.8 0.7 0 1.2 0 1.9-0.1 7.5-1.1 12.8-8 11.7-15.5-0.4-2.4-0.6-4.9-0.6-7.2z m32.6 49.1c-3.4-1.6-6.6-3.4-9.6-5.6-6.2-4.4-14.7-3-19.2 3.2-4.4 6.2-3 14.7 3.2 19.2 4.4 3.2 9.1 5.9 14 8.2 1.9 0.8 3.8 1.2 5.8 1.2 5.2 0 10.2-2.9 12.5-8 3-6.8 0.1-15-6.7-18.2zM925.60123 92.3H757.20123c-5.3-48-46.1-85.4-95.5-85.4H344.90123c-52.9 0-96 43.1-96 96v3.3c-6.4 0.8-11.4 6.2-11.8 12.7l-52.5-51.6c-6.2-6-16.9-1.8-16.9 6.7l-0.5 91.2c0 8.5 10.6 12.9 16.7 6.9l53.1-51c0.7 6.3 5.5 11.2 11.7 12.2v785.3h-4c-7.5 0-13.7 6.2-13.7 13.7s6.2 13.7 13.7 13.7h6.6c10 42.4 48 74.1 93.4 74.1H661.50123c40.3 0 74.9-25 89.1-60.3h174.7c55.1 0 100.1-43.1 100.1-96V188.3c0.3-53-44.5-96-99.8-96zM703.00123 924.1c0 22.6-18.5 41.1-41.1 41.1H345.10123c-22.6 0-41.1-18.5-41.1-41.1V103c0-22.6 18.5-41.1 41.1-41.1h316.8c22.6 0 41.1 18.5 41.1 41.1v821.1z m267.9-60.4c0 22.6-20.3 41.1-45.3 41.1H757.90123V147.1h167.9c25 0 45.3 18.5 45.3 41.1v675.4l-0.2 0.1z"
          fill="#65E6A5"
        />
        <path
          d="M844.00123 870.6h-31.4c-7.5 0-13.7-6.2-13.7-13.7s6.2-13.7 13.7-13.7h31.4c32.5 0 59-24.5 59-54.9V461.6c0-7.5 6.2-13.7 13.7-13.7s13.7 6.2 13.7 13.7v326.7c0 45.4-38.8 82.3-86.4 82.3z"
          fill="#48B5FC"
        />
        <path
          d="M601.70123 225.3H405.20123c-7.5 0-13.7-6.2-13.7-13.7s6.2-13.7 13.7-13.7h196.4c7.5 0 13.7 6.2 13.7 13.7s-6.1 13.7-13.6 13.7zM601.70123 313.8H405.20123c-7.5 0-13.7-6.2-13.7-13.7s6.2-13.7 13.7-13.7h196.4c7.5 0 13.7 6.2 13.7 13.7 0 7.5-6.1 13.7-13.6 13.7zM601.70123 402.2H405.20123c-7.5 0-13.7-6.2-13.7-13.7s6.2-13.7 13.7-13.7h196.4c7.5 0 13.7 6.2 13.7 13.7s-6.1 13.7-13.6 13.7zM503.50123 581.5c-69.1 0-125.2 56.2-125.2 125.2S434.50123 831.9 503.50123 831.9s125.2-56.2 125.2-125.2S572.50123 581.5 503.50123 581.5z m0 223c-53.9 0-97.8-43.9-97.8-97.8s43.9-97.8 97.8-97.8 97.8 43.9 97.8 97.8-43.9 97.8-97.8 97.8z"
          fill="#65E6A5"
        />
      </svg>
    );
  }
}
class ApiService extends Component {
  handleClick(code) {
    const {onClick} = this.props;
    onClick && onClick(code);
  }
  render() {
    const {width, style, height, className} = this.props;
    return (
      <svg
        onClick={this.handleClick.bind(this, 2)}
        className={className}
        style={style}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        width={width ? width : 100}
        height={height ? height : 100}>
        <path
          d="M661.828854 408.721887h35.324108V583.745859h-35.324108V408.721887z m30.434613 380.1832H280.747583c-26.942117 0-48.795167-21.85305-48.795166-48.795167V329.691678c0-7.683492 6.286494-13.870201 13.8702-13.870201 7.683492 0 13.870201 6.286494 13.870201 13.870201v410.418242c0 11.575132 9.479634 20.95498 20.95498 20.95498h411.515884c7.683492 0 13.870201 6.286494 13.8702 13.8702 0.099786 7.783278-5.987137 13.969986-13.770415 13.969987z"
          fill="#FFFFFF"
        />
        <path
          d="M692.263467 761.164685H280.747583c-11.575132 0-20.95498-9.479634-20.954979-20.954979V329.691678c0-7.683492-6.286494-13.870201-13.870201-13.870201-7.683492 0-13.870201 6.286494-13.870201 13.870201v410.418242c0 26.942117 21.85305 48.795167 48.795167 48.795167h411.515884c7.683492 0 13.870201-6.286494 13.870201-13.870201-0.099786-7.683492-6.186708-13.870201-13.969987-13.870201z"
          fill="#48B5FC"
        />
        <path
          d="M993.61603 356.234652c15.267199 0 27.840187-12.572988 27.840187-27.840187s-12.473202-27.840187-27.840187-27.840187h-96.99162V221.524069c0-53.684662-43.7061-97.390762-97.390762-97.390762h-38.716819V30.634184c0-15.267199-12.473202-27.840187-27.840187-27.840187S704.836455 15.267199 704.836455 30.634184v93.598909h-64.66108V30.634184c0-15.267199-12.473202-27.840187-27.840187-27.840187-15.267199 0-27.840187 12.473202-27.840187 27.840187v93.598909h-64.66108V30.634184c0-15.267199-12.572988-27.840187-27.840187-27.840187s-27.840187 12.473202-27.840187 27.840187v93.598909H399.492467V30.634184c0-15.267199-12.473202-27.840187-27.840187-27.840187-15.267199 0-27.840187 12.473202-27.840187 27.840187v93.598909H224.568281c-53.684662 0-97.390762 43.7061-97.390762 97.390762v79.030209H30.185899C14.818914 300.654064 2.345712 313.127266 2.345712 328.494251 2.345712 343.76145 14.818914 356.234652 30.185899 356.234652h96.99162v64.66108H30.185899c-15.366985 0.099786-27.840187 12.572988-27.840187 27.939973 0 15.267199 12.473202 27.840187 27.840187 27.840187h96.99162v64.661079H30.185899C14.818914 541.336971 2.345712 553.810173 2.345712 569.177158c0 15.267199 12.473202 27.840187 27.840187 27.840188h96.99162v64.661079H30.185899C14.818914 661.678425 2.345712 674.151627 2.345712 689.518612s12.473202 27.840187 27.840187 27.840187h96.99162V796.289222c0 53.684662 43.7061 97.390762 97.390762 97.390762h42.80803v100.883259c0 15.267199 12.572988 27.840187 27.840187 27.840187s27.840187-12.473202 27.840187-27.840187V893.679984h64.66108v100.883259c0 15.267199 12.473202 27.840187 27.840187 27.840187 15.267199 0 27.840187-12.473202 27.840187-27.840187V893.679984h64.661079v100.883259c0 15.267199 12.473202 27.840187 27.840188 27.840187 15.267199 0 27.840187-12.473202 27.840187-27.840187V893.679984h64.661079v100.883259c0 15.267199 12.473202 27.840187 27.840187 27.840187s27.840187-12.473202 27.840188-27.840187V893.679984h115.152601c53.684662 0 97.390762-43.7061 97.390762-97.390762v-79.030208h96.99162c15.267199 0 27.840187-12.473202 27.840187-27.840187s-12.473202-27.840187-27.840187-27.840187h-96.99162v-64.66108h96.99162c15.267199 0 27.840187-12.473202 27.840187-27.840187 0-15.267199-12.473202-27.840187-27.840187-27.840187h-96.99162v-64.66108h96.99162c15.267199 0 27.840187-12.473202 27.840187-27.840187 0-15.267199-12.473202-27.840187-27.840187-27.840187h-96.99162V356.234652h96.99162z m-152.671994 439.954785c0 22.950692-18.759696 41.710388-41.710388 41.710388h-574.765153c-22.950692 0-41.710388-18.759696-41.710387-41.710388V221.623855c0-22.950692 18.759696-41.710388 41.710387-41.710388h574.765153c22.950692 0 41.710388 18.759696 41.710388 41.710388v574.565582z"
          fill="#65E6A5"
        />
        <path
          d="M357.283151 543.931397h69.949718l15.267199 39.814462h38.417463l-70.149289-175.023972h-37.419606L305.195059 583.745859h37.519392l14.5687-39.814462z m34.525824-94.397193l24.048334 64.960436h-47.697525l23.649191-64.960436z m143.292146 68.253362H558.151598c15.965699 0 28.23933-0.798285 36.721107-2.494641 6.286494-1.396999 12.373416-4.190996 18.360554-8.381991 5.987137-4.190996 10.976418-9.878776 14.868057-17.262912s5.887351-16.464627 5.887351-27.141688c0-13.870201-3.292925-25.345547-10.178133-34.126681-6.785422-8.781134-15.167414-14.468914-25.145975-17.06334-6.486065-1.796141-20.555837-2.594426-42.009745-2.594426h-56.877802V583.745859h35.324109v-65.958293z m0-79.429351H552.164461c12.772559 0 21.154551 0.399142 25.445332 1.297213 5.68778 0.997856 10.47749 3.592282 14.169558 7.783278 3.791853 4.190996 5.587995 9.479634 5.587995 15.766127 0 5.188852-1.396999 9.77899-3.991425 13.67063-2.594426 3.891639-6.386279 6.785422-10.976418 8.581563-4.689924 1.796141-14.069772 2.793997-27.939973 2.793997h-19.358409v-49.892808z m126.727733-29.636328h35.324108V583.745859h-35.324108V408.721887z"
          fill="#65E6A5"
        />
      </svg>
    );
  }
}
class DataCenter extends Component {
  handleClick(code) {
    const {onClick} = this.props;
    onClick && onClick(code);
  }
  render() {
    const {width, style, height, className} = this.props;
    return (
      <svg
        onClick={this.handleClick.bind(this, 4)}
        className={className}
        style={style}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        width={width ? width : 100}
        height={height ? height : 100}>
        <path
          d="M988.3 26.9C967.3 10.2 939.9 1 911 1H313c-28.9 0-56.4 9.3-77.3 25.9-22.4 17.9-35.3 43.2-35.3 69.5v66.8H97c-52.6 0-95.4 42.8-95.4 95.4v649.6c0 52.6 42.8 95.4 95.4 95.4h632.3c52.6 0 95.4-42.8 95.4-95.4v-66.8H911c28.9 0 56.4-9.3 77.3-25.9 22.3-17.8 35.3-43.2 35.3-69.5V96.5c0-26.4-13-51.7-35.3-69.6zM770.2 362.1H56.1V258.6c0-22.5 18.4-40.9 40.9-40.9h632.3c22.5 0 40.9 18.4 40.9 40.9v103.5z m0 546.1c0 22.5-18.4 40.9-40.9 40.9H97c-22.5 0-40.9-18.4-40.9-40.9V389.4h714.1v518.8zM969 746.1c0 22.2-26.6 40.9-58.1 40.9h-86.3V258.6c0-52.6-42.8-95.4-95.4-95.4H255V96.5c0-22.2 26.6-40.9 58.1-40.9H911c31.5 0 58.1 18.7 58.1 40.9v649.6z m0 0"
          fill="#65E6A5"
        />
        <path
          d="M549.8 313H353.2c-13.5 0-24.4-10.9-24.4-24.4 0-13.5 10.9-24.4 24.4-24.4h196.5c13.5 0 24.4 10.9 24.4 24.4 0.1 13.5-10.8 24.4-24.3 24.4z m0 0M105.7 288.6c0 14.1 11.4 25.5 25.5 25.5s25.5-11.4 25.5-25.5-11.4-25.5-25.5-25.5-25.5 11.5-25.5 25.5z m0 0M188.1 288.6c0 9.1 4.9 17.5 12.7 22.1 7.9 4.6 17.6 4.6 25.5 0 7.9-4.6 12.7-13 12.7-22.1 0-9.1-4.9-17.5-12.7-22.1-7.9-4.6-17.6-4.6-25.5 0-7.9 4.6-12.7 13-12.7 22.1z m0 0"
          fill="#FFFFFF"
        />
        <path
          d="M124.5 831c-3.3 0-6.4-1.1-9-3.4-5.6-5-6.1-13.6-1.1-19.2L279.1 623 444 669.9l261.3-180.3c6.1-4.2 14.7-2.7 18.9 3.4 4.2 6.1 2.7 14.7-3.4 18.9l-272 187.5L288 653.8 134.6 826.3c-2.6 3-6.4 4.7-10.1 4.7z m0 0"
          fill="#65E6A5"
        />
        <path
          d="M457.9 818.8L279 582.2l-168 70.6c-6.9 2.9-15-0.3-17.8-7.2-2.9-7 0.3-15 7.2-17.9l187.4-78.9 169 223.7L687 441.7c4.4-6.1 12.8-7.8 18.9-3.4 6.1 4.4 7.8 12.8 3.4 18.9L457.9 818.8z m0 0"
          fill="#44A0DE"
        />
      </svg>
    );
  }
}
class SchedulingService extends Component {
  handleClick(code) {
    const {onClick} = this.props;
    onClick && onClick(code);
  }
  render() {
    const {width, style, height, className} = this.props;
    return (
      <svg
        onClick={this.handleClick.bind(this, 5)}
        style={style}
        className={className}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        width={width ? width : 100}
        height={height ? height : 100}>
        <path
          d="M861.2 300.9c-1.2 0-2.6-0.2-3.9-0.6-6.6-2.1-10.1-9.1-8-15.7 14.2-43.7 6-98.1-22-145.6-28.1-48-72.2-81.6-117.7-90-6.7-1.2-11.2-7.7-10-14.6 1.2-6.7 7.7-11.2 14.6-10 52.4 9.8 102.8 47.8 134.5 101.9 31.5 53.6 40.6 115.5 24.2 165.9-1.6 5.4-6.4 8.7-11.7 8.7z m0 0"
          fill="#44A0DE"
        />
        <path
          d="M308.7 956.2c-1.6 0-3.2-0.1-4.9-0.5-55.4-10.8-108.4-51.1-141.6-107.6-33.6-57-43-123.3-24.9-177.4 4.4-13.1 18.4-20 31.5-15.7 13.1 4.4 20.1 18.4 15.7 31.5-13.5 40.5-5.9 91.4 20.5 136.3 26.2 44.5 66.6 75.8 108.2 83.9 13.4 2.6 22.3 15.7 19.7 29.3-2.1 12-12.4 20.2-24.2 20.2z m0 0"
          fill="#65E6A5"
        />
        <path
          d="M310.6 262.9s-0.1 0 0 0c-0.1 0 0 0 0 0z m27.7 37.4c0.1-0.3 0.2-0.6 0.4-0.9-0.2 0.4-0.3 0.6-0.4 0.9z m-2.3 4.5c0.2-0.4 0.4-0.7 0.6-1-0.1 0.4-0.3 0.6-0.6 1z m1.8-3.1s0 0.1-0.1 0.1l0.1-0.1z m0 0"
          fill="#005BFF"
        />
        <path
          d="M1010 501.1c-10.5-17.8-27.3-30.4-47.2-35.6-19.9-5.2-40.7-2.2-58.5 8.2L671.1 610.9c-17.8 10.5-30.4 27.3-35.6 47.2-3 11.6-3.2 23.5-0.9 35l-208.8 123c-25 14.7-54.4 18.9-82.6 11.6-28.2-7.4-51.8-25.2-66.5-50.2-30.5-51.7-13.2-118.6 38.6-149.1l402.4-237c1.6-1 3.2-2.1 4.5-3.5l9.2-5.5c36.5-21.5 62.5-55.9 73.1-97 10.6-41.1 4.6-83.8-16.9-120.3-44.5-75.4-141.9-100.6-217.3-56.3L362.5 231c-8.7-7.5-19.2-12.8-30.5-15.8-19.9-5.1-40.7-2.2-58.5 8.2L40.5 361c-17.8 10.5-30.4 27.3-35.6 47.2-5.2 19.9-2.2 40.7 8.2 58.5 10.5 17.8 27.3 30.4 47.2 35.6 6.5 1.6 13 2.5 19.4 2.5 13.6 0 27-3.6 39.1-10.7L352 356.8c17.8-10.5 30.4-27.3 35.6-47.2 3.1-11.8 3.2-24 0.7-35.6l207.4-122.2c51.7-30.5 118.6-13.2 149.1 38.6 14.7 25 18.9 54.4 11.6 82.6-7.3 28.2-25.2 51.8-50.2 66.5l-402.3 237c-1.6 1-3.2 2.1-4.5 3.5l-9.2 5.5c-75.3 44.5-100.6 141.9-56.3 217.3 29.5 50.2 82.6 78.1 137 78.1 27.4 0 55.1-7.1 80.2-21.9l208.7-122.9c14.1 12.1 32.1 18.7 50.4 18.7 13.3 0 26.8-3.5 39.1-10.7l233.2-137.3c17.8-10.5 30.4-27.3 35.6-47.2 5.2-20 2.3-40.8-8.1-58.5z m-916.5-50c-13.1 7.7-29.9 3.4-37.5-9.7-3.7-6.3-4.7-13.7-2.9-20.8 1.9-7.1 6.3-13.1 12.6-16.8l26.5-15.6 27.8 47.2-26.5 15.7z m245.9-153.9c-0.2 0.7-0.5 1.6-0.7 2.4-0.1 0.2-0.3 0.6-0.4 0.9-0.1 0.5-0.4 0.9-0.6 1.4 0 0 0 0.1-0.1 0.1-0.2 0.6-0.6 1.4-1 2-0.2 0.4-0.4 0.7-0.6 1-2.4 3.7-5.5 6.9-9.3 9.1l-185 109-27.9-47.3 185.2-109c3.1-1.7 6.3-3 9.6-3.5 0.6-0.1 1.4-0.1 2-0.2 0.7-0.1 1.5-0.1 2.2-0.1 9.3 0 18.6 4.9 23.7 13.5 3.6 6.1 4.7 13.6 2.9 20.7z m384.7 403.9c-3.5 2.1-7.4 3.2-11.1 3.6-10.3 1-20.8-3.9-26.4-13.3-3.7-6.4-4.7-13.7-2.9-20.8 0.9-3.2 2.2-6.1 4.1-8.8 2.2-3.2 5.1-6 8.6-8l185-109 27.8 47.2-185.1 109.1z m233.2-137.3l-26.5 15.6-27.8-47.2 26.5-15.6c4.2-2.5 9.1-3.9 13.8-3.9 2.4 0 4.6 0.2 7 0.9 7.1 1.9 13.1 6.3 16.8 12.6 7.6 13.1 3.2 29.9-9.8 37.6z m0 0"
          fill="#65E6A5"
        />
      </svg>
    );
  }
}
class Dispatch extends Component {
  handleClick(code) {
    const {onClick} = this.props;
    onClick && onClick(code);
  }
  render() {
    const {width, style, height, className} = this.props;
    return (
      <svg
        onClick={this.handleClick.bind(this, 1)}
        style={style}
        className={className}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        width={width ? width : 100}
        height={height ? height : 100}>
        <path
          d="M511.85019 283.839657c-125.740369 0-228.010534 102.270165-228.010533 228.010533s102.270165 228.010534 228.010533 228.010534 228.010534-102.270165 228.010534-228.010534-102.170292-228.010534-228.010534-228.010533z m0 428.555935c-110.559641 0-200.345655-89.98576-200.345655-200.345655C311.504535 401.590169 401.490296 311.704282 511.85019 311.704282c110.459768 0 200.345655 89.98576 200.345655 200.345655 0.099873 110.459768-89.786014 200.345655-200.345655 200.345655z"
          fill="#48B5FC"
        />
        <path
          d="M906.249488 484.285185h-48.937872C850.919731 402.089535 815.964108 325.786404 756.939042 266.761338s-135.527943-94.080562-217.923339-100.472447v-50.535843c0-15.180728-12.484151-27.664879-27.664879-27.664879s-27.664879 12.484151-27.664878 27.664879v50.735589C401.690042 172.880523 325.486784 208.035892 266.761338 266.761338c-58.825319 58.925193-93.980689 135.328197-100.472447 217.523847h-46.840534c-15.180728 0-27.664879 12.484151-27.664879 27.664878s12.484151 27.664879 27.664879 27.664879h46.940407c6.491759 82.19565 41.447381 158.498781 100.472447 217.523847 58.725446 58.725446 135.028577 93.880815 216.924608 100.372574v49.037745c0 15.180728 12.484151 27.664879 27.664878 27.664878s27.664879-12.484151 27.664879-27.664878v-48.937872c82.395396-6.391885 158.898274-41.447381 217.923339-100.472447 58.925193-58.825319 93.980689-135.328197 100.472448-217.523847h48.937871c15.180728 0 27.664879-12.484151 27.664879-27.664879 0-15.280601-12.484151-27.664879-27.864625-27.664878zM539.115576 801.981859v-71.708963c0-15.180728-12.484151-27.664879-27.664879-27.664879s-27.664879 12.484151-27.664878 27.664879v71.60909c-138.324393-13.283137-248.784161-123.842778-261.867551-262.267044H294.625963c15.180728 0 27.664879-12.484151 27.664879-27.664879s-12.484151-27.664879-27.664879-27.664878h-72.707695c13.08339-138.424266 123.543158-248.983907 261.867551-262.267044v69.511753c0 15.180728 12.484151 27.664879 27.664878 27.664878s27.664879-12.484151 27.664879-27.664878v-69.511753C678.039208 234.801912 788.798596 345.661172 801.981859 484.385058h-68.413147c-15.180728 0-27.664879 12.484151-27.664879 27.664879s12.484151 27.664879 27.664879 27.664878H801.981859C788.798596 678.438701 677.839462 789.098215 539.115576 801.981859z"
          fill="#65E6A5"
        />
        <path
          d="M1023.800254 27.664879c0-15.180728-12.484151-27.664879-27.664879-27.664879H511.85019C442.73793 0 375.723008 13.582756 312.603141 40.248903 251.680484 66.116064 196.949966 102.969277 149.909685 150.009558S66.01619 251.680484 40.14903 312.703014C13.582756 375.822881 0 442.837804 0 511.950063c0 15.180728 12.484151 27.664879 27.664879 27.664879s27.664879-12.484151 27.664878-27.664879c0-251.780357 204.839949-456.620306 456.620306-456.620306h388.706525v75.304399c0 12.284405 14.781235 18.37667 23.470204 9.687701l92.682337-92.682337c2.197211-2.197211 3.495562-4.694041 3.895055-7.290744 1.997464-3.795182 3.096069-8.08973 3.09607-12.683897z m-27.664879 456.620306c-15.180728 0-27.664879 12.484151-27.664879 27.664878 0 251.780357-204.839949 456.620306-456.620306 456.620307h-386.509314v-77.102117c0-12.284405-14.781235-18.37667-23.470204-9.687701L9.088462 974.462889c-1.398225 1.398225-2.49683 2.996196-3.195943 4.694041C2.197211 983.85097 0 989.843363 0 996.335121c0 15.180728 12.484151 27.664879 27.664879 27.664879h484.285184c69.11226 0 136.127182-13.582756 199.24705-40.248903C772.11977 957.883936 826.850288 920.93085 873.790695 873.990442c46.940408-47.040281 83.893495-101.670926 109.760656-162.693456 26.666146-63.119867 40.248903-130.234663 40.248903-199.247049 0-15.380474-12.384278-27.764752-27.664879-27.764752z"
          fill="#65E6A5"
        />
      </svg>
    );
  }
}
class Authentication extends Component {
  handleClick(code) {
    const {onClick} = this.props;
    onClick && onClick(code);
  }
  render() {
    const {width, height, className} = this.props;
    return (
      <svg
        onClick={this.handleClick.bind(this, 6)}
        viewBox="0 0 1024 1024"
        version="1.1"
        className={className}
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        width={width ? width : 100}
        height={height ? height : 100}>
        <path
          d="M514.9 1021c-7.6 0-13.8-6.1-13.8-13.7s6.1-13.8 13.7-14c4.4 0 9-0.1 13.4-0.3 7.6-0.3 14 5.7 14.2 13.4 0.3 7.6-5.7 14-13.4 14.2-4.4 0.3-9.3 0.4-14.1 0.4 0.1 0 0.1 0 0 0z m-55.2-2.6c-0.4 0-1 0-1.5-0.1l-14.1-1.7c-7.6-1-12.9-8-11.9-15.5 1-7.6 8-12.9 15.5-11.9 4.4 0.6 8.9 1.1 13.3 1.5 7.6 0.8 13.1 7.6 12.3 15.2-0.6 7.2-6.6 12.5-13.6 12.5z m124.1-2.5c-6.8 0-12.7-5-13.7-11.9-1.1-7.6 4.1-14.5 11.8-15.6l13.3-2.1c7.5-1.2 14.7 3.7 16.1 11.2 1.4 7.5-3.7 14.7-11.2 16-4.7 0.8-9.4 1.5-14.1 2.2-0.8 0.2-1.5 0.2-2.2 0.2z m-192.1-9.6c-1.1 0-2.2-0.1-3.3-0.4-4.6-1.1-9.1-2.4-13.7-3.6-7.3-2.1-11.6-9.7-9.5-17 2.1-7.3 9.7-11.6 17-9.5 4.3 1.2 8.7 2.4 13 3.5 7.5 1.8 11.9 9.4 10.1 16.7-1.8 6.2-7.5 10.3-13.6 10.3z m259.6-5.2c-6 0-11.5-3.9-13.3-10-2.2-7.3 2.1-15.1 9.4-17.2 4.3-1.2 8.6-2.6 12.9-4 7.3-2.4 15.1 1.7 17.4 8.9 2.4 7.3-1.7 15.1-8.8 17.4-4.4 1.5-9.1 2.9-13.6 4.2-1.4 0.5-2.6 0.7-4 0.7z m-325.4-16.2c-1.8 0-3.5-0.3-5.3-1-4.4-1.8-8.9-3.6-13.1-5.5-7.1-3-10.2-11.2-7.1-18.3 3-7.1 11.2-10.2 18.3-7.1 4.1 1.8 8.3 3.6 12.5 5.3 7.1 2.9 10.5 10.9 7.6 18-2.3 5.4-7.4 8.6-12.9 8.6z m390.3-7.8c-5.3 0-10.2-3-12.6-8.2-3.2-6.9-0.1-15.2 6.9-18.3 4-1.8 8.2-3.7 12.2-5.7 6.9-3.3 15.2-0.6 18.5 6.4 3.3 6.9 0.6 15.2-6.4 18.5-4.3 2.1-8.6 4.2-12.9 6.1-2 0.8-3.9 1.2-5.7 1.2z m-452.4-22.7c-2.4 0-4.7-0.5-6.9-1.9-4-2.4-8.2-4.8-12.2-7.3-6.5-4-8.6-12.6-4.4-19.1 4-6.5 12.6-8.6 19.1-4.4 3.9 2.4 7.7 4.7 11.5 6.9 6.6 3.9 8.9 12.3 5 18.9-2.7 4.6-7.3 6.9-12.1 6.9z m513.1-10.2c-4.6 0-9-2.2-11.8-6.4-4.2-6.5-2.2-14.9 4.3-19.1 3.7-2.4 7.5-4.8 11.2-7.3 3-2.1 6.8-2.8 10.4-2.1 3.6 0.7 6.8 2.8 8.8 5.9 2.1 3 2.8 6.8 2.1 10.4-0.7 3.6-2.8 6.8-5.9 8.8-3.9 2.6-7.9 5.3-11.9 7.7-2.2 1.4-4.7 2.1-7.2 2.1z m-570.3-28.5c-3 0-6-1-8.6-2.9-3.7-2.9-7.5-6-11.1-9-5.8-4.8-6.6-13.6-1.8-19.5 4.8-5.8 13.6-6.6 19.5-1.8 3.5 2.9 6.9 5.7 10.5 8.4 5.9 4.7 7.1 13.4 2.4 19.4-2.7 3.6-6.9 5.4-10.9 5.4z m625.8-12.4c-3.9 0-7.7-1.7-10.5-4.8-5-5.8-4.3-14.5 1.5-19.5 3.5-2.9 6.8-5.8 10.1-8.9 5.7-5.1 14.4-4.7 19.5 1s4.7 14.4-1 19.5c-3.5 3.2-7.1 6.4-10.7 9.4-2.5 2.1-5.7 3.3-8.9 3.3z m-677.1-33.9c-3.6 0-7.2-1.4-10-4.3-3.3-3.3-6.5-6.9-9.7-10.4-5.1-5.7-4.7-14.4 1-19.5s14.4-4.7 19.5 1c3 3.3 6.1 6.6 9.1 9.8 5.3 5.5 5.1 14.3-0.4 19.5-2.6 2.6-6 3.9-9.5 3.9zM881.8 855c-3.3 0-6.5-1.1-9.1-3.5-5.7-5.1-6.2-13.8-1.1-19.5 2.9-3.3 6-6.8 8.9-10.2 5-5.8 13.7-6.6 19.5-1.7 5.8 5 6.6 13.7 1.7 19.5-3 3.6-6.2 7.2-9.3 10.8-3 2.9-6.7 4.6-10.6 4.6zM111 816.4c-4.3 0-8.4-1.9-11.2-5.7-2.8-3.9-5.5-7.7-8.2-11.6-4.3-6.4-2.8-14.9 3.6-19.2 6.4-4.3 14.9-2.8 19.2 3.6 2.5 3.7 5.1 7.3 7.7 10.9 4.4 6.2 3 14.8-3 19.4-2.4 1.7-5.3 2.6-8.1 2.6z m813.1-16.2c-2.6 0-5.3-0.7-7.6-2.4-6.4-4.3-8-12.9-3.9-19.2 2.5-3.7 5-7.5 7.3-11.3 4-6.5 12.6-8.4 19.1-4.4 6.5 4 8.4 12.6 4.4 19.1-2.5 4-5.1 8-7.7 11.9-2.7 4.2-7.1 6.3-11.6 6.3zM74.4 757.8c-5 0-9.7-2.6-12.2-7.3-2.2-4.1-4.4-8.4-6.5-12.6-3.5-6.8-0.6-15.1 6.2-18.5 6.9-3.5 15.1-0.6 18.5 6.2 1.9 4 4 8 6.1 11.9 3.6 6.8 1 15.1-5.7 18.7-2 1.1-4.2 1.6-6.4 1.6z m883.9-17.7c-2.1 0-4-0.4-6-1.4-6.9-3.3-9.8-11.6-6.5-18.4 1.9-4 3.9-8.2 5.7-12.2 3.2-6.9 11.4-10.1 18.3-7.1 6.9 3.2 10.1 11.3 7.1 18.3-1.9 4.3-3.9 8.7-5.9 12.9-2.6 5-7.6 7.9-12.7 7.9zM46.4 694.6c-5.7 0-10.9-3.5-13-9.1-1.7-4.4-3.2-9-4.7-13.4-2.4-7.2 1.5-15.1 8.9-17.4 7.2-2.4 15.1 1.5 17.4 8.9 1.4 4.3 2.9 8.6 4.4 12.7 2.6 7.2-1.1 15.1-8.3 17.7-1.5 0.5-3.2 0.6-4.7 0.6z m937.3-18.8c-1.4 0-2.8-0.3-4.1-0.7-7.3-2.4-11.3-10.1-9-17.4 1.4-4.3 2.6-8.6 3.9-12.9 2.1-7.3 9.8-11.6 17.2-9.5 7.3 2.1 11.6 9.8 9.5 17.2-1.3 4.6-2.6 9.1-4.2 13.6-1.9 6-7.3 9.7-13.3 9.7zM27.5 628.2c-6.4 0-12.2-4.4-13.6-10.9-1-4.6-1.9-9.3-2.8-14-1.4-7.5 3.6-14.7 11.2-16 7.5-1.4 14.7 3.6 16 11.2 0.8 4.4 1.7 8.9 2.6 13.1 1.5 7.5-3.2 14.8-10.7 16.3-0.8 0.2-1.8 0.3-2.7 0.3z m972.4-19.5c-0.7 0-1.5 0-2.4-0.1-7.5-1.2-12.6-8.4-11.3-15.9l2.1-13.3c1.1-7.6 8-12.9 15.6-11.8 7.6 1.1 12.9 8 11.8 15.6-0.7 4.7-1.4 9.4-2.2 14.1-1 6.6-6.9 11.4-13.6 11.4zM18 559.7c-7.2 0-13.3-5.5-13.8-12.9-0.3-4.7-0.6-9.5-0.7-14.2-0.3-7.6 5.7-14.1 13.3-14.4 7.6-0.3 14.1 5.7 14.4 13.3 0.1 4.4 0.4 9 0.7 13.4 0.6 7.6-5.3 14.2-12.9 14.7-0.4 0.1-0.7 0.1-1 0.1z m988.7-19.8h-0.4c-7.6-0.3-13.7-6.5-13.4-14.2 0.1-4.4 0.1-9 0.1-13.4 0-7.6 6.2-13.8 13.8-13.8 7.6 0 13.8 6.2 13.8 13.8 0 4.7 0 9.5-0.1 14.3-0.2 7.4-6.3 13.3-13.8 13.3zM18.2 490.7h-1c-7.6-0.5-13.4-7.2-12.9-14.8 0.3-4.7 0.7-9.4 1.3-14.1 0.7-7.6 7.5-13.1 15.1-12.4 7.6 0.7 13.1 7.5 12.5 15.1-0.4 4.4-0.8 9-1.1 13.4-0.6 7.2-6.7 12.8-13.9 12.8z m985.7-18c-6.9 0-13-5.3-13.7-12.3-0.4-4.4-1-8.9-1.7-13.3-1-7.6 4.3-14.5 11.9-15.6 7.6-1 14.5 4.3 15.6 11.9 0.7 4.7 1.3 9.4 1.7 14.1 0.8 7.6-4.7 14.4-12.3 15.2h-1.5z m-976-50.5c-1 0-1.9-0.1-2.9-0.3-7.5-1.7-12.2-9-10.7-16.5 1-4.7 2.1-9.3 3.2-13.8 1.8-7.5 9.3-12 16.7-10.2 7.5 1.8 12 9.3 10.2 16.7-1.1 4.3-2.1 8.7-3 13.1-1.5 6.6-7.2 11-13.5 11z m963.9-17.6c-6.2 0-11.8-4.1-13.4-10.5-1.1-4.3-2.2-8.7-3.5-13-2.1-7.3 2.2-14.9 9.6-17 7.3-2.1 14.9 2.2 17 9.5l3.7 13.7c1.9 7.5-2.6 14.9-10.1 16.7-1 0.5-2.1 0.6-3.3 0.6zM47 355.8c-1.5 0-3.2-0.3-4.7-0.8-7.2-2.6-10.8-10.5-8.2-17.7 1.7-4.4 3.3-8.9 5.1-13.3 2.8-7.1 10.9-10.5 18-7.7s10.5 10.9 7.7 18c-1.7 4.1-3.3 8.4-4.8 12.6-2.2 5.4-7.5 8.9-13.1 8.9zM970.3 339c-5.4 0-10.7-3.2-12.9-8.6-1.7-4.2-3.5-8.3-5.3-12.3-3-7.1 0.1-15.2 7.1-18.3 7.1-3 15.2 0.1 18.3 7.1 1.9 4.3 3.7 8.7 5.5 13 2.9 7.1-0.6 15.2-7.6 18-1.6 0.7-3.4 1.1-5.1 1.1z m-895-46.3c-2.2 0-4.4-0.6-6.5-1.7-6.8-3.6-9.3-12-5.7-18.7 2.2-4.1 4.6-8.4 6.9-12.5 3.7-6.6 12.3-9 18.8-5.1 6.6 3.7 9 12.3 5.1 18.8-2.2 3.9-4.4 7.9-6.5 11.8-2.4 4.8-7.2 7.4-12.1 7.4z m864.5-15.6c-4.7 0-9.4-2.5-11.9-6.9-2.2-3.9-4.6-7.7-6.9-11.5-4-6.5-2.1-15.1 4.4-19.1 6.5-4 15.1-2.1 19.1 4.4 2.5 4 5 8 7.3 12.2 3.9 6.6 1.7 15.1-5 19-2.2 1.3-4.7 1.9-7 1.9z m-827.7-42.9c-2.8 0-5.7-0.8-8.2-2.6-6.2-4.6-7.5-13.1-3-19.4 2.8-3.9 5.7-7.6 8.6-11.3 4.7-6.1 13.4-7.2 19.4-2.5 6.1 4.7 7.2 13.4 2.5 19.4-2.8 3.5-5.4 7.1-8 10.8-2.8 3.6-7 5.6-11.3 5.6z m788.8-14.3c-4.2 0-8.2-1.8-10.9-5.3-2.8-3.5-5.5-7.1-8.4-10.4-4.8-5.8-4.1-14.5 1.8-19.5 5.8-4.8 14.5-4.1 19.5 1.8 3 3.6 6.1 7.3 9 11.1 4.7 5.9 3.7 14.7-2.4 19.4-2.5 2-5.6 2.9-8.6 2.9z m-744.2-38.6c-3.5 0-6.9-1.2-9.7-3.9-5.5-5.3-5.7-14.1-0.3-19.5 3.3-3.3 6.6-6.8 10.1-10.1 5.5-5.4 14.3-5.3 19.5 0.3 5.4 5.5 5.3 14.2-0.3 19.5l-9.5 9.5c-2.6 2.8-6.2 4.2-9.8 4.2z m697.7-12.4c-3.5 0-6.9-1.2-9.5-3.9-3.2-3-6.5-6.2-9.8-9.1-5.7-5.1-6.1-13.8-1-19.5 5.1-5.7 13.8-6.1 19.5-1 3.5 3.2 7.1 6.5 10.4 9.7 5.5 5.3 5.7 14.1 0.4 19.5-2.7 2.8-6.3 4.3-10 4.3z m-646.3-33.6c-4.1 0-8.2-1.8-10.9-5.4-4.7-6.1-3.6-14.7 2.4-19.4 3.7-2.9 7.5-5.8 11.3-8.6 6.2-4.6 14.8-3.2 19.4 2.9 4.6 6.2 3.2 14.8-2.9 19.4-3.6 2.6-7.2 5.4-10.7 8.2-2.6 1.9-5.7 2.9-8.6 2.9z m593.3-10.7c-2.8 0-5.7-0.8-8-2.6-3.6-2.6-7.3-5.3-11.1-7.7-6.4-4.3-7.9-12.9-3.6-19.2 4.3-6.4 12.9-7.9 19.2-3.6 3.9 2.6 7.9 5.4 11.6 8.2 6.2 4.4 7.6 13.1 3.2 19.4-2.9 3.4-7 5.5-11.3 5.5z m-536-27.9c-4.8 0-9.4-2.5-12-6.9-3.9-6.6-1.5-15.1 5.1-18.9 4.1-2.4 8.3-4.7 12.5-6.9 6.8-3.6 15.1-1.1 18.7 5.7 3.6 6.8 1.1 15.1-5.7 18.7-3.9 2.1-7.9 4.3-11.8 6.5-2.1 1.2-4.4 1.8-6.8 1.8z m477.2-8.6c-2.2 0-4.4-0.6-6.5-1.7-4-2.1-8-4.1-12-6.1-6.9-3.3-9.7-11.6-6.4-18.5 3.3-6.9 11.6-9.7 18.5-6.4 4.3 2.1 8.4 4.3 12.7 6.5 6.8 3.6 9.4 11.9 5.8 18.7-2.3 4.9-7.1 7.5-12.1 7.5zM327.5 66.6c-5.5 0-10.7-3.3-12.9-8.7-2.9-7.1 0.6-15.1 7.7-18 4.4-1.8 8.8-3.5 13.3-5.1 7.2-2.6 15.1 1 17.7 8.2 2.6 7.2-1 15.1-8.2 17.7-4.1 1.5-8.4 3.2-12.6 4.8-1.5 0.7-3.2 1.1-5 1.1z m351.9-6.5c-1.5 0-3.2-0.3-4.7-0.8-4.3-1.5-8.6-3-12.7-4.4-7.2-2.4-11.2-10.2-8.9-17.4 2.4-7.2 10.2-11.2 17.4-8.9 4.4 1.5 9 3 13.6 4.7 7.2 2.6 10.9 10.5 8.3 17.7-2.1 5.7-7.4 9.1-13 9.1z m-286-14.8c-6.2 0-11.9-4.3-13.4-10.5-1.8-7.5 2.8-14.9 10.1-16.7 4.6-1.1 9.3-2.2 13.8-3.2 7.5-1.7 14.8 3.2 16.5 10.7 1.7 7.5-3.2 14.8-10.7 16.5-4.3 1-8.7 1.9-13.1 3-1 0.2-2.2 0.2-3.2 0.2z m219.4-3.8c-1 0-1.9-0.1-2.8-0.3-4.3-1-8.9-1.8-13.1-2.5-7.5-1.4-12.6-8.6-11.2-16 1.4-7.5 8.6-12.6 16.1-11.2 4.7 0.8 9.4 1.8 14 2.6 7.5 1.5 12.3 8.9 10.8 16.3-1.6 6.5-7.4 11.1-13.8 11.1z m-151.3-7.8c-7.1 0-13-5.3-13.7-12.4-0.8-7.6 4.7-14.4 12.3-15.2l14.1-1.2c7.6-0.6 14.3 5.1 14.8 12.7 0.6 7.6-5.1 14.2-12.7 14.8-4.4 0.3-9 0.7-13.4 1.1-0.6 0.1-1 0.2-1.4 0.2z m82.8-1.5h-1c-4.4-0.3-9-0.6-13.4-0.7-7.6-0.3-13.6-6.6-13.3-14.4 0.3-7.6 6.6-13.6 14.4-13.3 4.7 0.1 9.5 0.4 14.2 0.7 7.6 0.6 13.4 7.1 12.9 14.7-0.5 7.3-6.6 13-13.8 13z m0 0"
          fill="#65E6A5"
        />
        <path
          d="M878 149.4c-20.6 0-37.4 16.7-37.4 37.4 0 20.6 16.7 37.4 37.4 37.4 20.6 0 37.4-16.7 37.4-37.4s-16.7-37.4-37.4-37.4z m0 0"
          fill="#FFFFFF"
        />
        <path
          d="M878 121.7c-35.8 0-65 29.2-65 65s29.2 65 65 65 65-29.2 65-65c0.1-35.8-29.1-65-65-65z m-37.4 65c0-20.6 16.7-37.4 37.4-37.4 20.6 0 37.4 16.7 37.4 37.4 0 20.6-16.7 37.4-37.4 37.4s-37.4-16.8-37.4-37.4z m0 0"
          fill="#65E6A5"
        />
        <path
          d="M803.2 375H220.5c-4.3 9-8.2 18.3-11.5 27.7h605.8c-3.4-9.4-7.3-18.7-11.6-27.7z m0 0"
          fill="#44A0DE"
        />
        <path
          d="M778.7 245.4c-71.3-71.2-166-110.5-266.9-110.5-100.9 0-195.6 39.3-266.9 110.5-71.2 71.3-110.5 166-110.5 266.9 0 100.9 39.3 195.6 110.5 266.9 71.3 71.3 166 110.5 266.9 110.5 100.9 0 195.6-39.3 266.9-110.5s110.5-166 110.5-266.9c0.1-100.9-39.1-195.7-110.5-266.9zM224.1 656.6h120.5c1.5 4.4 3.2 8.9 4.8 13.3 15.2 39.3 36.4 76.9 62.8 111.8 14.1 18.5 28.1 34.3 40.8 47.2-100.3-18.6-184.4-83.8-228.9-172.3zM498 833.2c-16.6-14.4-40.7-37.6-64.5-69.2-20.3-27-42.7-63.1-59.5-107.6h124v176.8z m27.7 0V656.6h124c-16.7 44.4-39.2 80.7-59.5 107.6-23.9 31.6-47.9 54.7-64.5 69z m45.1-4.2c12.7-13 26.7-28.6 40.8-47.2 26.6-35 47.7-72.5 62.8-111.8 1.7-4.4 3.3-8.9 4.8-13.3h120.5C755.2 745.1 671.1 810.3 570.8 829z m241.3-200.1H687.8c10.1-36.7 15.2-74.6 15.2-113.2 0-38.3-5.1-76.2-15.1-113.2H659c10 34 16.2 71.8 16.2 113.2 0 41.5-6.4 79.4-16.3 113.2H525.7V402.7H498v226.2H364.8c-10-33.8-16.3-71.5-16.3-113.2 0-41.2 6.4-79.1 16.2-113.2h-28.9c-10 36.9-15.1 74.8-15.1 113.2 0 38.6 5.1 76.4 15.2 113.2H211.6c-14.1-36.3-21.9-75.5-21.9-116.6 0-38.5 6.8-75.4 19.2-109.6 3.5-9.4 7.3-18.7 11.5-27.7 43.9-92.7 130.7-161.3 234.8-179.9-13.3 14-28.2 31-43.2 51.3-26.4 36-47.6 74.4-62.8 114.1-1.8 4.7-3.5 9.5-5.1 14.4h29.5c16.9-45.7 39.6-83.3 60.1-111.4 23.8-32.4 47.7-56.4 64.3-71.5v183h27.7V192.1c16.6 15.1 40.5 39.3 64.3 71.5 20.6 28.1 43.3 65.6 60 111.4h29.5c-1.7-4.8-3.3-9.5-5.1-14.4-15.2-39.8-36.3-78.2-62.8-114.1-14.8-20.3-29.7-37.5-43-51.3 104 18.5 190.9 87.2 234.8 179.9 4.3 9 8.2 18.3 11.5 27.7 12.5 34.2 19.2 71.1 19.2 109.6-0.2 41-7.9 80.4-22 116.5z m0 0"
          fill="#65E6A5"
        />
      </svg>
    );
  }
}
class AddressService extends Component {
  render() {
    const {width, style, height, className} = this.props;
    return (
      <svg
        style={style}
        className={className}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        width={width ? width : 100}
        height={height ? height : 100}>
        <defs>
          <filter id="f6" x="0" y="0" width="200%" height="200%">
            <feDropShadow
              dx="40"
              dy="100"
              stdDeviation="80"
              floodColor="#031036"
              floodOpacity="0.9"
            />
          </filter>
        </defs>
        <g className={styles['icon_group8']}>
          <path
            d="M0.150078 831.150664c0-35.272443 28.577674-63.850117 63.850117-63.850118h894.001561c35.272443 0 63.850117 28.577674 63.850118 63.850118v127.700234c0 35.272443-28.577674 63.850117-63.850118 63.850117H64.000195c-35.272443 0-63.850117-28.577674-63.850117-63.850117V831.150664z m830.151444 127.700234c35.272443 0 63.850117-28.577674 63.850117-63.850117s-28.577674-63.850117-63.850117-63.850117-63.850117 28.577674-63.850117 63.850117 28.577674 63.850117 63.850117 63.850117z m0 0"
            fill="#44a0de"
            filter="url(#f6)"
          />
          <path
            d="M511.050937 767.300546S191.800351 575.750195 191.800351 320.349727c0-176.362217 142.98829-319.250585 319.250586-319.250586 176.362217 0 319.250585 142.98829 319.250585 319.250586 0 255.400468-319.250585 446.95082-319.250585 446.950819z m0-319.250585c70.544887 0 127.700234-57.155347 127.700234-127.700234s-57.155347-127.700234-127.700234-127.700234S383.350703 249.80484 383.350703 320.349727c-0.099922 70.544887 57.155347 127.700234 127.700234 127.700234z m0 0"
            fill="#44a0de"
            filter="url(#f6)"
          />
        </g>
      </svg>
    );
  }
}
class Font extends Component {
  render() {
    const {width, style, height, className} = this.props;
    return (
      <svg
        style={style}
        className={className}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        width={width ? width : 100}
        height={height ? height : 100}>
        <defs>
          <filter id="f2" x="0" y="0" width="200%" height="200%">
            <feDropShadow
              dx="40"
              dy="100"
              stdDeviation="80"
              floodColor="#031036"
              floodOpacity="0.9"
            />
          </filter>
        </defs>
        <g className={styles['icon_group']}>
          <path
            d="M183.356693 770.402186c11.189928 13.379261 22.379855 25.785485 33.569783 37.461931 8.757335 10.33852 17.879558 20.068892 27.60993 29.191115 9.608742 9.122224 17.028151 15.811854 21.893336 20.068892 6.81126 5.473334 14.109039 10.33852 21.893337 14.595558s18.244447 6.324742 31.258819 6.446371H709.769806c8.149186 0 17.39304-1.702815 27.974819-4.986816 10.581779-3.284 20.920299-10.21689 30.772301-20.55541 4.986816-6.081482 11.554816-13.62252 19.582373-22.866374 8.149186-9.122224 15.933484-18.001188 23.352892-26.515263 8.757335-10.33852 17.39304-21.285188 26.150375-32.840004H183.356693z m745.103219-248.36774c0-19.460744-6.568001-35.880746-19.582373-49.260007-13.136002-13.379261-31.745338-20.068892-56.071267-20.068892H175.815655c-23.717781 0-42.448747 6.689631-56.557786 20.068892-13.987409 13.379261-21.041929 29.799264-21.041929 49.260007v106.061052c0 19.460744 6.203112 36.124005 18.730966 50.111415s32.718375 21.041929 60.693194 21.041929h674.071505c28.704597 0 48.530229-7.05452 59.841786-21.041929s16.784891-30.650671 16.784891-50.111415l0.12163-106.061052z m-339.954864 53.517045c0 7.905927-2.067704 13.500891-6.081482 16.906521-4.013778 3.284-9.487112 4.986816-16.298373 4.986815h-94.384606c-6.81126 0-12.406224-2.189334-16.784892-6.324741-4.378667-4.257038-6.568001-9.487112-6.568-15.568595 0.608148-7.905927 2.919112-13.74415 7.054519-17.39304s9.487112-5.473334 16.298373-5.473334h94.384606c14.230669 0 21.771707 7.662668 22.379855 22.866374z m337.157382-359.415608c0-19.460744-7.662668-36.245635-22.866373-50.111415-15.203706-13.987409-34.664449-20.67704-58.382231-20.068891h-671.395653c-19.947262 0-37.82682 6.81126-53.760304 20.55541-15.811854 13.500891-23.717781 32.596745-23.717781 56.922675v97.911866c0 20.068892 6.324742 36.975413 19.095855 50.597933S147.840836 392.498872 175.815655 392.498872h672.24706c26.150374 0 45.611118-6.81126 58.382231-20.555411 12.771113-13.62252 19.095855-30.285782 19.095855-49.746525l0.121629-106.061053zM585.707566 268.679891c0 6.081482-2.067704 11.311557-6.081482 15.568595s-9.487112 6.446371-16.298373 6.446371H468.943105c-6.81126 0-12.406224-2.189334-16.784891-6.446371s-6.568001-9.365483-6.568001-15.568595c0-6.081482 2.189334-11.189928 6.568001-15.568595 4.378667-4.257038 9.973631-6.446371 16.784891-6.446371h94.384606c6.81126 0 12.284594 2.067704 16.298373 6.446371s6.081482 9.487112 6.081482 15.568595z"
            filter="url(#f2)"
            fill="#44a0de"
          />
        </g>
      </svg>
    );
  }
}
class Number extends Component {
  render() {
    const {width, style, height, className} = this.props;
    return (
      <svg
        style={style}
        className={className}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        width={width ? width : 100}
        height={height ? height : 100}>
        <defs>
          <filter id="f3" x="0" y="0" width="200%" height="200%">
            <feDropShadow
              dx="40"
              dy="100"
              stdDeviation="80"
              floodColor="#031036"
              floodOpacity="0.9"
            />
          </filter>
        </defs>
        <g className={styles['icon_group']}>
          <path
            d="M638.363903 493.49182h74.566865L863.605813 363.72728a394.684678 394.684678 0 0 0-22.273771-44.722048L641.450076 490.771488l-3.086173 2.720332zM530.457689 130.732734v61.138823l61.372678-52.974284a391.139654 391.139654 0 0 0-61.372678-8.164539m315.596622 362.759086l43.449135-37.461924a362.988512 362.988512 0 0 0-12.157785-53.428706L771.754076 493.49182h74.300235z m-124.597591-300.485536l-190.999031 164.145605v64.131986l230.459349-198.615252a364.293315 364.293315 0 0 0-39.460318-29.662339m-84.769661-41.997287L530.457689 242.447945V306.579931L686.124291 172.460734a386.304886 386.304886 0 0 0-49.437232-21.451737m183.191474 135.570159a376.656609 376.656609 0 0 0-30.88299-36.922464l-258.537854 222.250519v21.635986h49.26184l240.159004-206.964041z m-325.518616-155.846422c-202.380844 9.478201-363.579349 176.120913-363.57935 380.765896 0 88.628263 30.431225 169.954768 81.09708 234.679363l282.522132-242.936028V130.732734h-0.039862z m24.66901 398.816996L235.325121 773.47964c71.871336 76.458076 172.14627 119.813315 277.08501 119.787626 204.69636 0 371.287696-161.337578 380.809302-363.670588H519.028927v-0.046948z m0 0"
            filter="url(#f3)"
            fill="#44a0de"
          />
        </g>
      </svg>
    );
  }
}

class Timer extends Component {
  render() {
    const {width, style, height, className} = this.props;
    return (
      <svg
        style={style}
        className={className}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        width={width ? width : 100}
        height={height ? height : 100}>
        <defs>
          <filter id="f4" x="0" y="0" width="200%" height="200%">
            <feDropShadow
              dx="40"
              dy="100"
              stdDeviation="80"
              floodColor="#031036"
              floodOpacity="0.9"
            />
          </filter>
        </defs>
        <g className={styles['icon_group8']}>
          <path
            d="M512.002047 64.303538c-247.243057 0-447.699532 200.455451-447.699532 447.699532 0 247.237941 200.455451 447.693392 447.699532 447.693392 247.237941 0 447.693392-200.455451 447.693392-447.693392C959.696462 264.758989 759.239987 64.303538 512.002047 64.303538L512.002047 64.303538zM588.794014 543.587416l-211.394594 0.002047-0.130983-64.694441 141.286864 0L518.5553 172.010609l70.237691 0.025583L588.79299 543.587416 588.794014 543.587416z"
            filter="url(#f4)"
            fill="#44a0de"
          />
        </g>
      </svg>
    );
  }
}
class Address extends Component {
  render() {
    const {width, style, height, className} = this.props;
    return (
      <svg
        style={style}
        className={className}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        width={width ? width : 100}
        height={height ? height : 100}>
        <defs>
          <filter id="f5" x="0" y="0" width="200%" height="200%">
            <feDropShadow
              dx="40"
              dy="100"
              stdDeviation="80"
              floodColor="#031036"
              floodOpacity="0.9"
            />
          </filter>
        </defs>
        <g className={styles['icon_group']}>
          <path
            d="M508.578 33.579c148.27 0 268.475 119.564 268.475 267.122 0 84.348-74.503 226.338-145.854 332.444 27.008 2.628 53.201 6.134 78.17 10.465v41.863c-32.793-5.879-68.251-10.363-105.558-13.148-20.106 27.686-39.153 51.351-55.156 68.623 89.935 6.341 157.484 32.945 157.484 64.756 0 36.555-89.094 66.149-199.002 66.149-109.852 0-198.917-29.595-198.917-66.149 0-32.173 68.879-58.929 160.145-64.912-15.894-17.22-34.805-40.678-54.777-68.107-184.219 14.539-321.296 69.551-321.296 135.183 0 76.77 187.562 138.999 418.787 138.999 231.198 0 418.757-62.229 418.757-138.999 0-42.741-58.255-80.995-149.766-106.517v-42.791c126.942 32.428 210.303 87.235 210.303 149.309 0 99.662-214.65 180.452-479.294 180.452-264.701 0-479.324-80.791-479.324-180.452 0-83.369 150.365-153.536 354.609-174.212-71.514-106.157-146.262-248.507-146.262-332.958-0.002-147.557 120.23-267.121 268.476-267.121v0zM534.471 755.334c-11.359 10.723-20.352 16.705-25.893 16.705-5.543 0-14.564-6.032-26.031-16.86-84.339 3.558-149.169 24.801-149.169 50.527 0 28.15 77.818 50.992 173.758 50.992 96.023 0 173.869-22.842 173.869-50.992 0-25.42-63.527-46.507-146.534-50.372v0zM505.67 194.646c-73.471 0-133.057 56.508-133.057 126.265 0 69.705 59.587 126.213 133.057 126.213 73.47 0 133.055-56.509 133.055-126.213 0-69.757-59.585-126.265-133.055-126.265z"
            filter="url(#f5)"
            fill="#44a0de"
          />
        </g>
      </svg>
    );
  }
}
class Cpu extends Component {
  render() {
    const {width, style, height, className} = this.props;
    return (
      <svg
        style={style}
        className={className}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        width={width ? width : 100}
        height={height ? height : 100}>
        <defs>
          <filter id="f5" x="0" y="0" width="200%" height="200%">
            <feDropShadow
              dx="50"
              dy="140"
              stdDeviation="80"
              floodColor="#031036"
              floodOpacity="1"
            />
          </filter>
        </defs>
        <g className={styles['icon_group']}>
          <path
            d="M1067.389831 965.423729H173.125424V71.159322H1067.389831v894.264407z m-21.694916-872.135593H195.254237v850.440678h850.440678v-850.440678z"
            filter="url(#f5)"
            fill="#4cb0f4"
          />
          <path
            d="M994.061017 892.094915H246.454237V144.488136h747.60678v747.606779z m-18.223729-729.383051H264.677966v710.725424h710.725424V162.711864z"
            filter="url(#f5)"
            fill="#4cb0f4"
          />
          <path
            d="M442.142373 681.220339H798.372881v14.752542h-356.230508zM509.830508 738.061017h220.854238v10.413559h-220.854238zM876.040678 373.586441h-27.335593v154.901695H759.322034V373.586441h-28.20339v180.935593H876.474576V373.586441z m-189.179661 0h-148.39322v180.935593h28.203389v-70.725424h120.189831V373.586441z m-120.189831 84.176271V399.620339h91.986441v58.576271h-91.986441z m-68.555932 70.725424h-104.135593V399.620339h103.701695v-26.033898H364.474576v180.935593h133.20678v-26.033898z"
            filter="url(#f5)"
            fill="#4cb0f4"
          />
          <path
            d="M876.040678 373.586441v-2.60339H846.101695v154.901695h-84.61017V370.983051h-33.410169v186.142373h150.562712V370.983051h-2.60339v2.60339h-2.60339v178.332203H733.288136V376.189831h23.430508v154.901694h94.589831V376.189831h24.732203v-2.60339h-2.60339 2.60339z m-189.179661 0v-2.60339h-150.99661v186.142373h33.410169v-70.725424h120.189831V370.983051h-2.60339v2.60339h-2.60339v107.606779H564.067797v70.725424h-23.430509V376.189831h145.789831v-2.60339h-2.60339 3.037288z m-120.189831 84.176271h2.60339V402.223729h86.779661V455.59322h-89.383051v2.169492h2.60339-2.60339v2.60339h94.155933V397.016949H564.067797v63.783051h2.603389v-3.037288z m-68.555932 70.725424v-2.60339H396.583051V402.223729h103.701695v-31.240678H361.871186v186.142373h138.41356v-31.240678h-2.60339v2.60339h-2.60339v23.430508H367.077966V376.189831h128v20.827118H391.376271v134.508475h106.305085v-3.037288h-2.60339 3.037288zM219.986441 16.054237h26.467796v59.01017h-26.467796zM272.054237 16.054237h26.467797v59.01017h-26.467797zM324.122034 16.054237h26.467797v59.01017h-26.467797zM376.189831 16.054237h26.467796v59.01017h-26.467796zM427.823729 16.054237h26.467796v59.01017h-26.467796zM479.891525 16.054237h26.467797v59.01017h-26.467797zM531.959322 16.054237h26.467797v59.01017h-26.467797zM583.59322 16.054237h26.467797v59.01017h-26.467797zM635.661017 16.054237h26.467797v59.01017h-26.467797zM687.728814 16.054237h26.467796v59.01017h-26.467796zM739.362712 16.054237h26.467796v59.01017h-26.467796zM791.430508 16.054237h26.467797v59.01017h-26.467797zM843.498305 16.054237h26.467797v59.01017h-26.467797zM895.132203 16.054237h26.467797v59.01017h-26.467797zM947.2 16.054237h26.467797v59.01017h-26.467797zM999.267797 16.054237h26.467796v59.01017h-26.467796zM1119.813424 115.438644v26.467797h-59.01017v-26.467797zM1119.683254 167.371932v26.467797h-59.010169v-26.467797zM1119.978305 219.309559v26.467797h-59.010169v-26.467797zM1119.848136 271.242847v26.467797h-59.01017v-26.467797zM1119.717966 323.176136v26.467796h-59.010169v-26.467796zM1120.017356 375.113763v26.467796h-59.01017v-26.467796zM1119.882847 427.042712v26.467796h-59.010169v-26.467796zM1119.748339 478.980339v26.467797h-59.01017v-26.467797zM1120.052068 530.917966v26.467797h-59.01017v-26.467797zM1119.917559 582.851254v26.467797h-59.010169v-26.467797zM1119.783051 634.784542v26.467797h-59.01017v-26.467797zM1120.082441 686.717831v26.467796h-59.01017v-26.467796zM1119.952271 738.655458v26.467796h-59.010169v-26.467796zM1119.817763 790.588746v26.467796h-59.01017v-26.467796zM1119.683254 842.522034v26.467797h-59.010169v-26.467797zM1119.986983 894.455322v26.467797h-59.010169v-26.467797zM179.79878 115.633898v26.467797h-59.01017v-26.467797zM179.664271 167.567186v26.467797h-59.010169v-26.467797zM179.968 219.500475v26.467796h-59.010169v-26.467796zM179.833492 271.433763v26.467796h-59.01017v-26.467796zM179.698983 323.367051v26.467796h-59.010169v-26.467796zM179.998373 375.304678v26.467797h-59.01017v-26.467797zM179.868203 427.237966v26.467797h-59.010169v-26.467797zM179.733695 479.171254v26.467797h-59.01017v-26.467797zM180.033085 531.108881v26.467797h-59.01017v-26.467797zM179.902915 583.042169v26.467797h-59.010169v-26.467797zM179.768407 634.975458v26.467796h-59.01017v-26.467796zM180.067797 686.908746v26.467796H121.057627v-26.467796zM179.937627 738.842034v26.467797h-59.010169v-26.467797zM179.803119 790.779661v26.467797h-59.01017v-26.467797zM179.66861 842.717288v26.467797h-59.010169v-26.467797zM179.968 894.650576v26.467797h-59.010169v-26.467797zM219.986441 956.311864h26.467796V1015.322034h-26.467796zM272.054237 956.311864h26.467797V1015.322034h-26.467797zM324.122034 956.311864h26.467797V1015.322034h-26.467797zM376.189831 956.311864h26.467796V1015.322034h-26.467796zM427.823729 956.311864h26.467796V1015.322034h-26.467796zM479.891525 956.311864h26.467797V1015.322034h-26.467797zM531.959322 956.311864h26.467797V1015.322034h-26.467797zM583.59322 956.311864h26.467797V1015.322034h-26.467797zM635.661017 956.311864h26.467797V1015.322034h-26.467797zM687.728814 956.311864h26.467796V1015.322034h-26.467796zM739.362712 956.311864h26.467796V1015.322034h-26.467796zM791.430508 956.311864h26.467797V1015.322034h-26.467797zM843.498305 956.311864h26.467797V1015.322034h-26.467797zM895.132203 956.311864h26.467797V1015.322034h-26.467797zM947.2 956.311864h26.467797V1015.322034h-26.467797zM999.267797 956.311864h26.467796V1015.322034h-26.467796z"
            filter="url(#f5)"
            fill="#4cb0f4"
          />
          <path
            d="M303.728814 193.952542m-13.450848 0a13.450847 13.450847 0 1 0 26.901695 0 13.450847 13.450847 0 1 0-26.901695 0Z"
            filter="url(#f5)"
            fill="#4cb0f4"
          />
          <path
            d="M937.220339 193.952542m-13.450847 0a13.450847 13.450847 0 1 0 26.901694 0 13.450847 13.450847 0 1 0-26.901694 0Z"
            filter="url(#f5)"
            fill="#4cb0f4"
          />
          <path
            d="M303.728814 843.064407m-13.450848 0a13.450847 13.450847 0 1 0 26.901695 0 13.450847 13.450847 0 1 0-26.901695 0Z"
            filter="url(#f5)"
            fill="#4cb0f4"
          />
          <path
            d="M937.220339 843.064407m-13.450847 0a13.450847 13.450847 0 1 0 26.901694 0 13.450847 13.450847 0 1 0-26.901694 0Z"
            filter="url(#f5)"
            fill="#4cb0f4"
          />
        </g>
      </svg>
    );
  }
}
//内容icon
export default {
  FrontEndMachine,
  ApiService,
  Dispatch,
  Authentication,
  DataCenter,
  SchedulingService,
  Number,
  Address,
  Cpu,
  Timer,
  Font,
  AddressService,
};
